<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>tb_seller管理</title>
<meta
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
	name="viewport">
<link rel="stylesheet"
	href="http://localhost:9999/plugins/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet"
	href="http://localhost:9999/plugins/adminLTE/css/AdminLTE.css">
<link rel="stylesheet"
	href="http://localhost:9999/plugins/adminLTE/css/skins/_all-skins.min.css">
<link rel="stylesheet" href="http://localhost:9999/css/style.css">
<script src="http://localhost:9999/plugins/jQuery/jquery-2.2.3.min.js"></script>
<script
	src="http://localhost:9999/plugins/bootstrap/js/bootstrap.min.js"></script>
</head>
<body class="hold-transition skin-red sidebar-mini">
	<div id="tbSellerApp">
		<!-- .box-body -->
		<div class="box-header with-border">
			<h3 class="box-title">tb_seller管理</h3>
		</div>

		<div class="box-body">

			<!-- 数据表格 -->
			<div class="table-box">

				<!--工具栏-->
				<div class="pull-left">
					<div class="form-group form-inline">
						<div class="btn-group">
							<button type="button" class="btn btn-default" title="新建"
								data-toggle="modal" data-target="#editModal" @click="entity={}">
								<i class="fa fa-file-o"></i> 新建
							</button>
							<button type="button" class="btn btn-default" title="删除"
								@click="del()">
								<i class="fa fa-trash-o"></i> 删除
							</button>
							<button type="button" class="btn btn-default" title="刷新"
								onclick="window.location.reload();">
								<i class="fa fa-refresh"></i> 刷新
							</button>
						</div>

						

					</div>

				</div>
				<div class="box-tools">
					<div class="row">
						<div class="col-xs-2">
							<input type="text" v-model="searchEntity.name"
								class="form-control" placeholder="tb_seller名称" />
						</div>
						<div class="col-xs-2">
							<input type="text" class="form-control"
								placeholder="tb_seller其他" v-model="searchEntity.firstChar" />
						</div>
						<div class="col-xs-2">
							<button type="button" class="btn btn-default" title="查询"
								@click="reload()">
								<i class="fa fa-file-o"></i> 查询
							</button>
						</div>
					</div>

				</div>
				<div class="box-tools pull-right">

					<!-- <div class="has-feedback"></div> -->
					<span style="margin: 0 auto; width: 800px; text-align: center;">
						<pagination :page-size-options="pageSizeOptions"
							:page-size="pageSize" :show-pages="showPages"
							:total-pages="totalPages" :total="total" :cur-page="curPage"
							:on-change="onChange" ref="pagination"></pagination> <!-- <span>第{{curPage}}页&nbsp;共{{totalPages}}页</span> -->
						<!-- <p>{{this.$refs.curPage}}</p> --> <!-- $refs 也不是响应式的，因此你不应该试图用它在模版中做数据绑定。 -->
						<!-- {{curPage}}-
					{{pageSize}} -->
					</span>

				</div>
				<!--工具栏/-->

				<!--数据列表-->
				<table id="dataList"
					class="table table-bordered table-striped table-hover dataTable">
					<thead>
						<tr>
							<th class="" style="padding-right: 0px"><input id="selall"
								type="checkbox" class="icheckbox_square-blue"
								v-model="allChecked" @click="selectAll($event)"> 全选</th>

								<th class="sorting">用户ID</th> 
								<th class="sorting">公司名</th> 
								<th class="sorting">店铺名称</th> 
								<th class="sorting">密码</th> 
								<th class="sorting">EMAIL</th> 
								<th class="sorting">公司手机</th> 
								<th class="sorting">公司电话</th> 
								<th class="sorting">状态</th> 
								<th class="sorting">详细地址</th> 
								<th class="sorting">联系人姓名</th> 
								<th class="sorting">联系人QQ</th> 
								<th class="sorting">联系人电话</th> 
								<th class="sorting">联系人EMAIL</th> 
								<th class="sorting">营业执照号</th> 
								<th class="sorting">税务登记证号</th> 
								<th class="sorting">组织机构代码</th> 
								<th class="sorting">公司地址</th> 
								<th class="sorting">公司LOGO图</th> 
								<th class="sorting">简介</th> 
								<th class="sorting">创建日期</th> 
								<th class="sorting">法定代表人</th> 
								<th class="sorting">法定代表人身份证</th> 
								<th class="sorting">开户行账号名称</th> 
								<th class="sorting">开户行</th> 
							
							<th class="text-center">操作</th>
						</tr>
					</thead>
					<tbody>
						<tr v-for="entity in list">
							<td><input type="checkbox" v-model="checkedArray[entity.id]"
								@click="updateSelectIds($event,entity.id)"></td>
				                <td>{{entity.sellerId}}</td>
				                <td>{{entity.name}}</td>
				                <td>{{entity.nickName}}</td>
				                <td>{{entity.password}}</td>
				                <td>{{entity.email}}</td>
				                <td>{{entity.mobile}}</td>
				                <td>{{entity.telephone}}</td>
				                <td>{{entity.status}}</td>
				                <td>{{entity.addressDetail}}</td>
				                <td>{{entity.linkmanName}}</td>
				                <td>{{entity.linkmanQq}}</td>
				                <td>{{entity.linkmanMobile}}</td>
				                <td>{{entity.linkmanEmail}}</td>
				                <td>{{entity.licenseNumber}}</td>
				                <td>{{entity.taxNumber}}</td>
				                <td>{{entity.orgNumber}}</td>
				                <td>{{entity.address}}</td>
				                <td>{{entity.logoPic}}</td>
				                <td>{{entity.brief}}</td>
				                <td>{{entity.createTime}}</td>
				                <td>{{entity.legalPerson}}</td>
				                <td>{{entity.legalPersonCardId}}</td>
				                <td>{{entity.bankUser}}</td>
				                <td>{{entity.bankName}}</td>
							<td class="text-center">
								<button type="button" class="btn bg-olive btn-xs"
									data-toggle="modal" data-target="#editModal"
									@click="findOne(entity.id)">修改</button>
							</td>
						</tr>
					</tbody>
				</table>
				<!--数据列表/-->
				<!-- 分页控件
				<div style="margin: 0 auto; width: 800px; text-align: center;">
					<pagination :page-size-options="pageSizeOptions"
						:page-size="pageSize" :show-pages="showPages"
						:total-pages="totalPages" :total="total" :cur-page="curPage"
						:on-change="onChange" ref="pagination"></pagination> -->

				<!-- <span>第{{curPage}}页&nbsp;共{{totalPages}}页</span> -->
				<!-- <p>{{this.$refs.curPage}}</p> -->
				<!-- $refs 也不是响应式的，因此你不应该试图用它在模版中做数据绑定。 -->
				<!-- {{curPage}}-
					{{pageSize}} -->
					<!-- <span v-if="selectIds.length!=0">{{selectIds}}</span> -->
			</div>
		</div>
		<!-- 数据表格 /-->
	<!-- /.box-body -->

	<!-- 编辑窗口 -->
	<div class="modal fade" id="editModal" tabindex="-1" role="dialog"
		aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal"
						aria-hidden="true">×</button>
					<h3 id="myModalLabel">tb_seller编辑</h3>
				</div>
				<div class="modal-body">
					<table class="table table-bordered table-striped" width="800px">
						<tr>
							<td>用户ID</td>
							<td><input class="form-control" placeholder="用户ID"
								v-model="entity.sellerId"></td>
						</tr>
						<tr>
							<td>公司名</td>
							<td><input class="form-control" placeholder="公司名"
								v-model="entity.name"></td>
						</tr>
						<tr>
							<td>店铺名称</td>
							<td><input class="form-control" placeholder="店铺名称"
								v-model="entity.nickName"></td>
						</tr>
						<tr>
							<td>密码</td>
							<td><input class="form-control" placeholder="密码"
								v-model="entity.password"></td>
						</tr>
						<tr>
							<td>EMAIL</td>
							<td><input class="form-control" placeholder="EMAIL"
								v-model="entity.email"></td>
						</tr>
						<tr>
							<td>公司手机</td>
							<td><input class="form-control" placeholder="公司手机"
								v-model="entity.mobile"></td>
						</tr>
						<tr>
							<td>公司电话</td>
							<td><input class="form-control" placeholder="公司电话"
								v-model="entity.telephone"></td>
						</tr>
						<tr>
							<td>状态</td>
							<td><input class="form-control" placeholder="状态"
								v-model="entity.status"></td>
						</tr>
						<tr>
							<td>详细地址</td>
							<td><input class="form-control" placeholder="详细地址"
								v-model="entity.addressDetail"></td>
						</tr>
						<tr>
							<td>联系人姓名</td>
							<td><input class="form-control" placeholder="联系人姓名"
								v-model="entity.linkmanName"></td>
						</tr>
						<tr>
							<td>联系人QQ</td>
							<td><input class="form-control" placeholder="联系人QQ"
								v-model="entity.linkmanQq"></td>
						</tr>
						<tr>
							<td>联系人电话</td>
							<td><input class="form-control" placeholder="联系人电话"
								v-model="entity.linkmanMobile"></td>
						</tr>
						<tr>
							<td>联系人EMAIL</td>
							<td><input class="form-control" placeholder="联系人EMAIL"
								v-model="entity.linkmanEmail"></td>
						</tr>
						<tr>
							<td>营业执照号</td>
							<td><input class="form-control" placeholder="营业执照号"
								v-model="entity.licenseNumber"></td>
						</tr>
						<tr>
							<td>税务登记证号</td>
							<td><input class="form-control" placeholder="税务登记证号"
								v-model="entity.taxNumber"></td>
						</tr>
						<tr>
							<td>组织机构代码</td>
							<td><input class="form-control" placeholder="组织机构代码"
								v-model="entity.orgNumber"></td>
						</tr>
						<tr>
							<td>公司地址</td>
							<td><input class="form-control" placeholder="公司地址"
								v-model="entity.address"></td>
						</tr>
						<tr>
							<td>公司LOGO图</td>
							<td><input class="form-control" placeholder="公司LOGO图"
								v-model="entity.logoPic"></td>
						</tr>
						<tr>
							<td>简介</td>
							<td><input class="form-control" placeholder="简介"
								v-model="entity.brief"></td>
						</tr>
						<tr>
							<td>创建日期</td>
							<td><input class="form-control" placeholder="创建日期"
								v-model="entity.createTime"></td>
						</tr>
						<tr>
							<td>法定代表人</td>
							<td><input class="form-control" placeholder="法定代表人"
								v-model="entity.legalPerson"></td>
						</tr>
						<tr>
							<td>法定代表人身份证</td>
							<td><input class="form-control" placeholder="法定代表人身份证"
								v-model="entity.legalPersonCardId"></td>
						</tr>
						<tr>
							<td>开户行账号名称</td>
							<td><input class="form-control" placeholder="开户行账号名称"
								v-model="entity.bankUser"></td>
						</tr>
						<tr>
							<td>开户行</td>
							<td><input class="form-control" placeholder="开户行"
								v-model="entity.bankName"></td>
						</tr>
					</table>
				</div>
				<div class="modal-footer">
					<button class="btn btn-success" data-dismiss="modal"
						aria-hidden="true" @click="save()">保存</button>
					<button class="btn btn-default" data-dismiss="modal"
						aria-hidden="true">关闭</button>
				</div>
			</div>
		</div>
	</div>
	</div>
</body>
<link rel="stylesheet" type="text/css"
	href="http://localhost:9999/js/vue/pagination.css">
<script src="http://localhost:9999/js/vue/vue.min.2.4.2.js"></script>
<script src="http://localhost:9999/js/vue/vue-resource121.js"></script>
<script src="http://localhost:9999/js/vue/pagination.js"></script>

<script
	src="http://localhost:9999/js/service/tbSellerService.js"></script>
<script src="http://localhost:9999/js/app/vueBase.js"></script>
<script
	src="http://localhost:9999/js/app/tbSellerApp.js"></script>

</html>
